Vue.component("show-detail", {
  template: `<el-dialog id="user" title="商品明细" :visible.sync="visibleDialog" width="80vw">
    <div style="display:flex;">
        <div style="width:170px;height:170px;border:1px solid #EBEEF5;flex-shrink:0;display: flex;justify-content: center; align-items: center;">
            <el-image style="width:150px;height:150px;" :preview-src-list="[BASE_IMG + data.Picture_URL]" :src="BASE_IMG + data.Picture_URL">
                <div slot="error" class="el-image__error">暂无商品封面</div>
            </el-image>
        </div>
        <el-descriptions style="width:100%" :column="3" border size="small">
            <el-descriptions-item label="商品名称">
                <el-tooltip class="item" effect="dark" :content="data.Article_Name" placement="top-start">
                    <el-input :value="data.Article_Name" :disabled="true"></el-input>
                </el-tooltip>
            </el-descriptions-item>
            <el-descriptions-item label="商品编号">
                <el-tooltip class="item" effect="dark" :content="data.Article_SerialNumber" placement="top-start">
                    <el-input :value="data.Article_SerialNumber" :disabled="true"></el-input>
                </el-tooltip>
            </el-descriptions-item>
            <el-descriptions-item label="商品品牌">
                <el-tooltip class="item" effect="dark" :content="data.Brand_Name" placement="top-start">
                    <el-input :value="data.Brand_Name" :disabled="true"></el-input>
                </el-tooltip>
            </el-descriptions-item>
            <el-descriptions-item label="供应商家">
                <el-tooltip class="item" effect="dark" :content="data.Supplier_Name" placement="top-start">
                    <el-input :value="data.Supplier_Name" :disabled="true"></el-input>
                </el-tooltip>
            </el-descriptions-item>
        </el-descriptions>
    </div>
    <div class="table_titel">
        <div class="titel">规格详情</div>
    </div>
    <el-table :data="tableData" stripe border min-height="50vh" style="width: 100%">
        <el-table-column align="center" type="index" label="序号" width="50"></el-table-column>
        <el-table-column align="center" prop="Article_Specifications_SerialNumber" width="200" show-overflow-tooltip label="规格流水号"></el-table-column>
        <el-table-column align="center" prop="BarCode" show-overflow-tooltip label="条码"></el-table-column>
        <el-table-column align="center" prop="Specifications_Name" show-overflow-tooltip label="规格名称"></el-table-column>
        <el-table-column prop="Picture_URL" width="140" align="center" label="规格图片">
            <template v-slot="{row}">
                <el-image fit="contain" :preview-src-list="[BASE_IMG + row.Picture_URL]" :src="BASE_IMG + row.Picture_URL" style="width:100px;height: 100px;"></el-image>
            </template>
        </el-table-column>
        <el-table-column align="center" prop="Unit_Price" show-overflow-tooltip label="吊牌价"></el-table-column>
        <el-table-column align="center" prop="JDCOM_URL" show-overflow-tooltip label="京东连接"></el-table-column>
        <el-table-column align="center" prop="JDCOM_Unit_Price" show-overflow-tooltip label="京东价"></el-table-column>
        <el-table-column align="center" prop="Supplier_Name" show-overflow-tooltip label="供应商"></el-table-column>
        <el-table-column align="center" prop="Sales_Unit_Price" show-overflow-tooltip label="销售价格"></el-table-column>
        <el-table-column align="center" prop="Purchase_Unit_Price" show-overflow-tooltip label="采购价格"></el-table-column>
        <el-table-column align="center" prop="Stock_Remain" show-overflow-tooltip label="今日库存"></el-table-column>
        <el-table-column align="center" prop="Activity_Name" show-overflow-tooltip label="所属活动"></el-table-column>
        <el-table-column align="center" prop="Activity_Unit_Price" show-overflow-tooltip label="活动价格"></el-table-column>
    </el-table>
    <el-pagination style="margin-top: 5px;" background @size-change="handleSizeChange"
        @current-change="handleCurrentChange" :current-page="form.page" :page-sizes="[10, 20, 30, 50]"
        :page-size="form.limit" layout="total, sizes, prev, pager, next, jumper" :total="total">
    </el-pagination>
    <div class="table_titel">
        <div class="titel">主图/详情图</div>
    </div>
    <div style="display:flex;">
        <el-carousel v-if="Swiper.length>0" height="400px" style="width:400px;flex-shrink: 0;" indicator-position="none">
            <el-carousel-item v-for="(item,index) in Swiper" :key="index" >
                <el-image style="width:400px;height:400px;" :preview-src-list="[BASE_IMG + item.Picture_URL]" :src="BASE_IMG + item.Picture_URL">
                    <div slot="error" class="el-image__error">加载失败</div>
                </el-image>
            </el-carousel-item>
        </el-carousel>
        <div v-if="Detail.length>0" style="width:100%; height:400px;display:flex;justify-content: center; overflow-y: auto;">
            <div style="width:400px">
                <el-image v-for="(item,index) in Detail" :key="index" style="width:400px;" fit="contain" :preview-src-list="[BASE_IMG + item.Picture_URL]" :src="BASE_IMG + item.Picture_URL">
                    <div slot="error" class="el-image__error">加载失败</div>
                </el-image>
            </div>
        </div>
    </div>
    <span slot="footer" class="dialog-footer">
        <el-button @click="$emit('update:visible',false)">返回</el-button>
    </span></el-dialog>`,
  props: ["data", "visible"],
  data() {
    return {
      visibleDialog: false,
      refreshDialog: false,
      Picture_URL: [],
      tableData: [],
      form: {
        SQLSerialNumber: "P_business_article_specifications",
        PaginationNumber: 1,
        RowAmount: 10,
        ExtensionCondition: "",
        Condition: "",
      },
      total: 0,
    };
  },
  computed: {
    Swiper() {
      //冒泡排序处理轮播图
      let Picture_URL = this.Picture_URL.filter((i) => i.Picture_Type == "0");
      for (var i = 0; i < Picture_URL.length - 1; i++) {
        for (var j = 0; j < Picture_URL.length - i - 1; j++) {
          if (
            parseInt(Picture_URL[j].Picture_Order) >
            parseInt(Picture_URL[j + 1].Picture_Order)
          ) {
            var count = Picture_URL[j];
            Picture_URL[j] = Picture_URL[j + 1];
            Picture_URL[j + 1] = count;
          }
        }
      }
      return Picture_URL;
    },
    Detail() {
      //冒泡排序处理详情图
      let Picture_URL = this.Picture_URL.filter((i) => i.Picture_Type == "1");
      for (var i = 0; i < Picture_URL.length - 1; i++) {
        for (var j = 0; j < Picture_URL.length - i - 1; j++) {
          if (
            parseInt(Picture_URL[j].Picture_Order) >
            parseInt(Picture_URL[j + 1].Picture_Order)
          ) {
            var count = Picture_URL[j];
            Picture_URL[j] = Picture_URL[j + 1];
            Picture_URL[j + 1] = count;
          }
        }
      }
      return Picture_URL;
    },
  },
  watch: {
    visible() {
      this.visibleDialog = this.visible;
    },
    visibleDialog(val) {
      this.$emit("update:visible", val);
      if (val) {
        this.form.Condition = window.btoa(
          unescape(encodeURIComponent(this.data.Article_SerialNumber))
        );
        this.getList(this.form);
        this.getData();
      }
    },
  },
  methods: {
    handleSizeChange(val) {
      this.form.PaginationNumber = 1;
      this.form.RowAmount = val;
      this.getList(this.form);
    },
    handleCurrentChange(val) {
      this.form.PaginationNumber = val;
      this.getList(this.form);
    },
    expandChange(row) {
      $.ajax({
        headers: requestHeaders(),
        url: `${BASE_URL2}/generalBusiness/generalQueryBySQLSerialNumber`,
        type: "POST",
        data: {
          SQLSerialNumber: "A_business_supplier_article1",
          Condition: window.btoa(
            unescape(
              encodeURIComponent(row.Article_Specifications_SerialNumber)
            )
          ),
          ExtensionCondition: "",
        },
        success: function (Result) {
          row.Children = Result;
        },
        complete: function (XMLHttpRequest) {
          requestPretreatment(XMLHttpRequest);
        },
        dataType: "json",
      });
    },
    // getList(data) {
    //   const that = this;
    //   $.ajax({
    //     headers: requestHeaders(),
    //     url: `${BASE_URL2}/generalBusiness/generalPaginationQueryBySQLSerialNumber`,
    //     type: "POST",
    //     data,
    //     success: function (Result) {
    //       // Result.Rows.forEach(item=>{
    //       //     item['Children'] = []
    //       // })
    //       that.tableData = Result.Rows;
    //       console.log(Result.Rows);
    //       that.total = Result.TotalRows;
    //     },
    //     complete: function (XMLHttpRequest) {
    //       that.refreshDialog = false;
    //       requestPretreatment(XMLHttpRequest);
    //     },
    //     dataType: "json",
    //   });
    // },
    getData() {
      const that = this;
      $.ajax({
        headers: requestHeaders(),
        url: `${BASE_URL2}/generalBusiness/generalQueryByTableName`,
        type: "POST",
        data: {
          Data: "business_article_pic",
          Condition:
            "Article_SerialNumber = '" + this.data.Article_SerialNumber + "'",
        },
        success: function (Result) {
          that.Picture_URL = Result;
        },
        complete: function (XMLHttpRequest) {
          that.refreshDialog = false;
          requestPretreatment(XMLHttpRequest);
        },
        dataType: "json",
      });
    },
  },
});
new Vue({
  el: "#app",
  data() {
    return {
      IMGlj: "https://www.kdddy.cn/Image/",
      UserID: decodeURI($.cookie("use")),
      form: {
        SQLSerialNumber: "A_business_article_specifications3",
        PaginationNumber: 1, //页数
        RowAmount: 10, //每页数据条数
        Condition: window.btoa(unescape(encodeURIComponent(sessionStorage.getItem("Enterprise_Info_SerialNumber") + ",%%"))),//
        ExtensionCondition: "",
        Article_Name: "",
        Brand_SerialNumber: "",
        Shelf: "",
        Supplier_Name: "",
      },
      Total: 0,
      count: 0,
      tableData: [],
      ExportData: [],
      brand: [], //商品品牌
      loading: false,
      dialogVisible: false,
      Article_SerialNumber: "",
      multipleSelection: [],
    };
  },
  mounted() {
    this.getList(this.form);
  },

  methods: {
    filterTag(value, row) {
      return row.Row_Status === value; //将value的状态值传入
    },
    handleEdit(index, row) {
      //#99
      let Article_SerialNumber = sessionStorage.setItem(
        "Article_SerialNumber",
        row.Article_SerialNumber
      );

      window.location.href = "./edit2.html";
      console.log(index, row);
    },
    //#100
    // handleDelete(index, row) {
    //   const _this = this;
    //   console.log(index, row);
    //   row.Row_Status = "1";
    //   console.log(row);
    //   delete row.Operation_Datetime;
    //   delete row.Operation_Datetime_Original;
    //   delete row.Operation_ID;
    //   delete row.Operation_ID_Original;
    //   delete row.Picture_URL;
    //   delete row.Picture_URL_Original;
    //   let lArray = new Array();
    //   lArray.push(row);
    //   let lJSONObject_business_article_info = new Object();
    //   lJSONObject_business_article_info.business_article_info = lArray; //换表
    //   let lJSONObject_DataSet = new Object();
    //   lJSONObject_DataSet.Modify = lJSONObject_business_article_info;
    //   console.log(lJSONObject_DataSet);

    //   $.ajax({
    //     // headers: requestHeaders(),
    //     // url: `${BASE_URL2}/generalBusiness/generalPaginationQueryBySQLSerialNumber`,
    //     url: "https://service.kdddy.cn/donghui/clientOperation/generalSaveForClient",
    //     type: "POST",
    //     data: {
    //       Data: JSON.stringify(lJSONObject_DataSet),
    //     },
    //     success: function (Result) {
    //       console.log(Result);
    //       if (Result.Status == "success") {
    //         _this.tableData.splice(index, 1);
    //       }
    //     },
    //     complete: function (XMLHttpRequest) {
    //       requestPretreatment(XMLHttpRequest); //config/config.js 响应预检
    //     },
    //     dataType: "json",
    //   });
    // },
    handleDelete(index, row) {
      row.Row_Status1 = '1';
      const that = this;
      $.ajax({
        // headers: requestHeaders(),
        // url: `${BASE_URL2}/generalBusiness/generalPaginationQueryBySQLSerialNumber`,
        url: "https://service.kdddy.cn/donghui/clientOperation/generalSaveForClient",
        type: "POST",
        data: {
          Data: JSON.stringify({
            Modify: {
              business_article_specifications: [row]
            }
          }),
        },
        success: function (Result) {
          if (Result.Status == "success") {
            that.getList(that.form);
          }
        },
        complete: function (XMLHttpRequest) {
          requestPretreatment(XMLHttpRequest); //config/config.js 响应预检
        },
        dataType: "json",
      });
    },
    //根据企业id去查企业上传的预包装商品
    getList(data) {
      let Enterprise_Info_SerialNumber = sessionStorage.getItem("Enterprise_Info_SerialNumber");
      // console.log(res, "getList");
      const _this = this;
      //A_business_article_specifications3
      $.ajax({
        headers: requestHeaders(),
        type: "POST",
        url: `${BASE_URL2}/generalBusiness/generalPaginationQueryBySQLSerialNumber`,
        // url: "https://service.kdddy.cn/donghui/login/generalQueryByTableNameAndPaginationForClient",
        data,
        // {
        //   SQLSerialNumber: "A_business_article_specifications3", //表名
        //   Condition: "",
        //   PaginationNumber: res,
        //   RowAmount: 11,
        //   ExtensionCondition:'',
        // },
        success: function (Result) {
          console.log(Result);
          _this.Total = Result.TotalRows;
          _this.tableData = Result.Rows;
        },
        complete: function (XMLHttpRequest) {
          //   requestPretreatment(XMLHttpRequest);
        },
        dataType: "json",
      });
      // $.ajax({
      //   headers: {
      //     AccessToken: $.cookie("token"), //会将数据转换为query string
      //   },
      //   // headers: requestHeaders(),
      //   // url: "https://service.kdddy.cn/donghui/clientOperation/getArticalListByEnterpriseSerialNumber",
      //   url: "https://service.kdddy.cn/donghuiForRequest/Specification",
      //   // url: "http://10.1.0.150:8087/Specification",
      //   // url: "http://192.168.10.66:8083/clientOperation/getArticalListByEnterpriseSerialNumber",
      //   type: "get",
      //   data: {
      //     Enterprise_Info_SerialNumber: Enterprise_Info_SerialNumber,
      //     pageNumber: 1,
      //     pageSize: 15,
      //   },
      //   success: function (Result) {
      //     console.log(Result);
      //     _this.tableData = Result.Data;
      //   },
      //   complete: function (XMLHttpRequest) {
      //     // requestPretreatment(XMLHttpRequest); //config/config.js 响应预检
      //   },
      //   dataType: "json",
      // });
    },
    // getData() {
    //   const that = this;
    //   const Condition = "Row_Status='0'";
    //   $.ajax({
    //     headers: requestHeaders(),
    //     url: `${BASE_URL2}/generalBusiness/generalQueryByTableName`,
    //     type: "POST",
    //     data: {
    //       Data: "business_brand",
    //       Condition,
    //     },
    //     success: function (res) {
    //       that.brand = res;
    //     },
    //     error: function () {
    //       // that.$message.error("操作失败，请稍后再试")
    //     },
    //     complete: function (XMLHttpRequest) {
    //       that.loading = false;
    //       requestPretreatment(XMLHttpRequest);
    //     },
    //     dataType: "json",
    //   });
    //   $.ajax({
    //     headers: requestHeaders(),
    //     url: `${BASE_URL2}/generalBusiness/generalQueryBySQLSerialNumber`,
    //     type: "POST",
    //     data: {
    //       SQLSerialNumber: "A_business_article_info2",
    //       Condition: "",
    //       ExtensionCondition: "",
    //     },
    //     success: function (res) {
    //       console.log(res);
    //       if (res.length == 1) {
    //         that.count = parseInt(res[0].total);
    //       }
    //     },
    //     error: function () {
    //       // that.$message.error("操作失败，请稍后再试")
    //     },
    //     complete: function (XMLHttpRequest) {
    //       that.loading = false;
    //       requestPretreatment(XMLHttpRequest);
    //     },
    //     dataType: "json",
    //   });
    // },
    onSerach() {
      //查询方法
      this.form.Condition = window.btoa(unescape(encodeURIComponent(sessionStorage.getItem("Enterprise_Info_SerialNumber") + ",%" + this.form.Article_Name + "%"))),//
        this.form.PaginationNumber = 1;
      this.getList(this.form);
    },
    examine() {
      //审核
      window.location.href = "./examine.html";
    },
    log() {
      window.location.href = "./log.html";
    },
    Add() {
      window.location.href = "./add.html";
    },
    Show(Article_SerialNumber) {
      this.Article_SerialNumber = Article_SerialNumber;
      this.dialogVisible = true;
    },
    handleSizeChange(val) {
      this.form.PaginationNumber = 1;
      this.form.RowAmount = val;
      this.getList(this.form);
    },
    handleCurrentChange(val) {
      this.form.PaginationNumber = val;
      this.getList(this.form);
    },
    handleBatchAdd(command) {
      const that = this;
      if (this.multipleSelection.length > 0) {
        this.$confirm(
          command == "0" ? "是否将勾选的商品下架?" : "是否将勾选的商品上架",
          "提示",
          {
            confirmButtonText: "确定",
            cancelButtonText: "取消",
            type: "info",
          }
        )
          .then(() => {
            //1.遍历已选查询对应数据
            let Shelf_Date = getYMDHMSDate();
            let Condition = "";
            this.multipleSelection
              .filter((i) => i.Shelf == command)
              .forEach((item) => {
                if (Condition) {
                  Condition =
                    Condition +
                    " OR Article_SerialNumber='" +
                    item.Article_SerialNumber +
                    "'";
                } else {
                  Condition =
                    "Article_SerialNumber='" + item.Article_SerialNumber + "'";
                }
              });
            $.ajax({
              headers: requestHeaders(),
              url: `${BASE_URL2}/generalBusiness/generalQueryByTableNameWithOriginal`,
              type: "POST",
              data: {
                Data: "business_article_info",
                Condition,
              },
              success: function (business_article_info) {
                let base_operation_log = [];
                business_article_info.forEach((item) => {
                  item.Shelf = command == "0" ? "1" : "0";
                  item.Shelf_Date = Shelf_Date;
                  base_operation_log.push(
                    generateLog(
                      "商品:" +
                      that.multipleSelection.filter(
                        (i) =>
                          i.Article_SerialNumber == item.Article_SerialNumber
                      )[0].Article_Name +
                      (command == "0" ? "下" : "上") +
                      "架",
                      "平台端操作",
                      "business_article_info",
                      JSON.stringify({
                        Modify: { business_article_info: item },
                      })
                    )
                  );
                });
                $.ajax({
                  headers: requestHeaders(),
                  url: `${BASE_URL2}/generalBusiness/generalSave`,
                  type: "POST",
                  data: {
                    Data: JSON.stringify({
                      Modify: { business_article_info },
                      Add: { base_operation_log },
                    }),
                  },
                  success: function (res) {
                    if (res.Status === "success") {
                      that.$message({
                        type: "success",
                        message: "操作成功!",
                      });
                      that.getList(that.form);
                    } else {
                      that.$message.error("删除失败，请稍后再试");
                    }
                  },
                  error: function () {
                    that.$message.error("删除失败，请稍后再试");
                  },
                  complete: function (XMLHttpRequest) {
                    that.loading = false;
                    requestPretreatment(XMLHttpRequest);
                  },
                  dataType: "json",
                });
              },
              error: function () {
                that.$message.error("删除失败，请稍后再试");
              },
              complete: function (XMLHttpRequest) {
                that.loading = false;
                requestPretreatment(XMLHttpRequest);
              },
              dataType: "json",
            });
          })
          .catch(() => { });
      } else {
        this.$message({
          type: "warning",
          message: "至少要选择1个商品!",
        });
      }
    },
    handleSelectionChange(val) {
      this.multipleSelection = val;
    },
    // downloadTemplate(command) {
    //   if (command == "Article") {
    //     window.location.href = "./download/导入商品模板表.新.xlsx";
    //   } else if (command == "BarCode") {
    //     window.location.href = "./download/导入条形码模板.xlsx";
    //   } else if (command == "UpData") {
    //     window.location.href = "./download/更新商品模板.xlsx";
    //   }
    // },
    importTemplate(command) {
      if (command == "Article") {
        // window.location.href = './import_article.html';
        window.location.href = "./import1.html";
      } else if (command == "BarCode") {
        window.location.href = "./import_barcode.html";
      } else if (command == "UpData") {
        window.location.href = "./import_edit.html";
      }
    },
    moreConfig(command, row) {
      if (command == "Edit") {
        this.Edit(row.Article_SerialNumber);
      } else if (command == "Remove") {
        this.Remove(row);
      } else if (command == "Download0") {
        this.Download0(row.Article_SerialNumber);
      } else if (command == "Download1") {
        this.Download1(row.Article_SerialNumber);
      } else if (command == "Shelf") {
        const that = this;
        let obj = deepClone(row);
        console.log(obj);
        this.$confirm(
          `是否要${obj.Shelf == "0" ? "下" : "上"}架该商品继续?`,
          "提示",
          {
            confirmButtonText: "确定",
            cancelButtonText: "取消",
            type: "warning",
          }
        )
          .then(() => {
            obj.Shelf_Date = getYMDHMSDate();
            $.ajax({
              headers: requestHeaders(),
              url: `${BASE_URL2}/generalBusiness/generalQueryByTableNameWithOriginal`,
              type: "POST",
              data: {
                Data: "business_article_info",
                Condition:
                  "Article_SerialNumber='" + row.Article_SerialNumber + "'",
              },
              success: function (data) {
                if (obj.Shelf == "0") {
                  data[0].Shelf = "1";
                } else {
                  data[0].Shelf = "0";
                }
                $.ajax({
                  headers: requestHeaders(),
                  url: `${BASE_URL2}/generalBusiness/generalSave`,
                  type: "POST",
                  data: {
                    Data: JSON.stringify({
                      Modify: { business_article_info: data },
                      Add: {
                        base_operation_log: [
                          generateLog(
                            "商品:" +
                            obj.Article_Name +
                            (obj.Shelf == "0" ? "下" : "上") +
                            "架",
                            "平台端操作",
                            "business_article_info",
                            JSON.stringify({
                              Modify: { business_article_info: data },
                            })
                          ),
                        ],
                      },
                    }),
                  },
                  success: function (res) {
                    if (res.Status === "success") {
                      that.$message({
                        type: "success",
                        message: "操作成功!",
                      });
                      that.getList(that.form);
                    } else {
                      that.$message.error("删除失败，请稍后再试");
                    }
                  },
                  error: function () {
                    that.$message.error("删除失败，请稍后再试");
                  },
                  complete: function (XMLHttpRequest) {
                    that.loading = false;
                    requestPretreatment(XMLHttpRequest);
                  },
                  dataType: "json",
                });
              },
              error: function () {
                that.$message.error("删除失败，请稍后再试");
              },
              complete: function (XMLHttpRequest) {
                that.loading = false;
                requestPretreatment(XMLHttpRequest);
              },
              dataType: "json",
            });
          })
          .catch(() => { });
      }
    },
    Download0(Article_SerialNumber) {
      //下载主图
      const that = this;
      $.ajax({
        headers: requestHeaders(),
        type: "POST",
        url: `${BASE_URL2}/generalBusiness/generalQueryByTableName`,
        data: {
          Data: "business_article_pic",
          Condition:
            "Article_SerialNumber='" +
            Article_SerialNumber +
            "' and Row_Status='0' and Picture_Type='0'",
        },
        success: function (Result) {
          let Files = "";
          Result.forEach((item) => {
            if (Files) {
              Files = Files + "," + item.Picture_URL;
            } else {
              Files = item.Picture_URL;
            }
          });
          const url = `${BASE_URL2}/login/downloadZipFile?Files=${Files}`;
          const a = document.createElement("a");
          a.style.display = "none";
          a.href = url;
          document.body.appendChild(a);
          a.click(); // 触发点击
          a.remove();
        },
        complete: function (XMLHttpRequest) {
          requestPretreatment(XMLHttpRequest);
        },
        dataType: "json",
      });
    },
    Download1(Article_SerialNumber) {
      //下载详情图
      $.ajax({
        headers: requestHeaders(),
        type: "POST",
        url: `${BASE_URL2}/generalBusiness/generalQueryByTableName`,
        data: {
          Data: "business_article_pic",
          Condition:
            "Article_SerialNumber='" +
            Article_SerialNumber +
            "' and Row_Status='0' and Picture_Type='1'",
        },
        success: function (Result) {
          let Files = "";
          Result.forEach((item) => {
            if (Files) {
              Files = Files + "," + item.Picture_URL;
            } else {
              Files = item.Picture_URL;
            }
          });
          const url = `${BASE_URL2}/login/downloadZipFile?Files=${Files}`;
          const a = document.createElement("a");
          a.style.display = "none";
          a.href = url;
          document.body.appendChild(a);
          a.click(); // 触发点击
          a.remove();
        },
        complete: function (XMLHttpRequest) {
          requestPretreatment(XMLHttpRequest);
        },
        dataType: "json",
      });
    },
    downloadAddTemplate() {
      //新增商品模板
      window.location.href = "./download/导入商品模板表.xlsx";
    },
    downloadEditTemplate() {
      //更新商品模板
      window.location.href = "./download/更新商品信息导入模板表.xlsx";
    },
    // getList(form) {
    //   //换页方法
    //   const that = this;
    //   let data = deepClone(form);
    //   data.Condition = window.btoa(
    //     unescape(encodeURIComponent("%" + data.Article_Name + "%"))
    //   );
    //   let SQL = "";
    //   if (data.Brand_SerialNumber) {
    //     SQL =
    //       SQL +
    //       " and business_article_info.Brand_SerialNumber = '" +
    //       data.Brand_SerialNumber +
    //       "' ";
    //   }
    //   if (data.Shelf) {
    //     SQL = SQL + " and business_article_info.Shelf = '" + data.Shelf + "' ";
    //   }
    //   if (data.Supplier_Name) {
    //     SQL =
    //       SQL +
    //       " and business_article_specifications.Supplier_Name LIKE '%" +
    //       data.Supplier_Name +
    //       "%' ";
    //   }
    //   data.ExtensionCondition = window.btoa(unescape(encodeURIComponent(SQL)));
    //   $.ajax({
    //     headers: requestHeaders(),
    //     type: "POST",
    //     url: `${BASE_URL2}/generalBusiness/generalPaginationQueryBySQLSerialNumber`,
    //     data,
    //     success: function (Result) {
    //       that.tableData = Result.Rows;
    //       that.total = Result.TotalRows;
    //     },
    //     complete: function (XMLHttpRequest) {
    //       requestPretreatment(XMLHttpRequest);
    //     },
    //     dataType: "json",
    //   });
    // },
    Edit(Article_SerialNumber) {
      sessionStorage.setItem("Article_SerialNumber", Article_SerialNumber);
      window.location.href =
        "./edit.html?Article_SerialNumber=" + Article_SerialNumber;
    },
    Remove(row) {
      const that = this;
      this.$confirm("警告！此操作将删除该商品, 是否继续?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(() => {
          row.Row_Status = "1";
          $.ajax({
            headers: requestHeaders(),
            url: `${BASE_URL2}/generalBusiness/generalSave`,
            type: "POST",
            data: {
              Data: JSON.stringify({
                Modify: { business_article_info: [row] },
                Add: {
                  base_operation_log: [
                    generateLog(
                      "删除商品信息",
                      "平台端操作",
                      "business_article_info",
                      JSON.stringify({
                        Modify: { business_article_info: [row] },
                      })
                    ),
                  ],
                },
              }),
            },
            success: function (res) {
              if (res.Status === "success") {
                that.$message({
                  type: "success",
                  message: "删除成功!",
                });
                that.getList(that.form);
              } else {
                that.$message.error("删除失败，请稍后再试");
              }
            },
            error: function () {
              that.$message.error("删除失败，请稍后再试");
            },
            complete: function (XMLHttpRequest) {
              that.loading = false;
              requestPretreatment(XMLHttpRequest);
            },
            dataType: "json",
          });
        })
        .catch(() => { });
    },
    Export(form) {
      const that = this;
      this.loading = true;
      let data = deepClone(form);
      data.SQLSerialNumber = "P_business_supplier_article1";
      data.Condition = "";
      data.ExtensionCondition = "";
      // data.Condition = window.btoa(unescape(encodeURIComponent("%" + data.Article_Name + "%")))
      // let SQL = "";
      // if (data.Brand_SerialNumber) {
      //     SQL = SQL + " and business_article_info.Brand_SerialNumber = '" + data.Brand_SerialNumber + "' "
      // }
      // data.ExtensionCondition = window.btoa(unescape(encodeURIComponent(SQL)));
      $.ajax({
        headers: requestHeaders(),
        url: `${BASE_URL2}/generalBusiness/generalQueryBySQLSerialNumber`,
        type: "POST",
        data,
        success: function (Result) {
          if (Result.length > 0) {
            const wb = XLSX.utils.book_new();
            const ws_data = [
              [
                "商品内码",
                "商品名称",
                "品牌",
                "分类",
                "史泰博编码",
                "封面图",
                "品牌内码",
                "规格内码",
                "规格",
                "规格封面",
                "规格京东价格",
                "规格京东链接",
                "供应商",
                "供应商编号",
                "销售价格",
                "采购价格",
                "每日库存",
                "上架状态",
                "可适用积分",
                "抵扣类型",
                "抵扣比例",
                "是否参与团购",
                "活动价格",
              ],
            ];
            Result.forEach((item) => {
              ws_data.push([
                item.Article_SerialNumber,
                item.Article_Name,
                item.Brand_Name,
                item.Classify_Name,
                item.Staples_Code,
                BASE_IMG + item.Picture_URL,
                item.Brand_SerialNumber,
                item.Article_Specifications_SerialNumber,
                item.Specifications_Name,
                BASE_IMG + item.Picture_URL1,
                item.JDCOM_Unit_Price,
                item.JDCOM_URL,
                item.Supplier_Name,
                item.Supplier_SerialNumber,
                item.Sales_Unit_Price,
                item.Purchase_Unit_Price,
                item.Total_stock,
                item.Shelf == "0" ? "上架" : "下架",
                item.Cash_Point == "0" ? "现金积分" : "",
                item.Deduction_Type == "0" ? "固定抵扣" : "百分比",
                item.Deduction_Limit,
                item.Group,
                item.Activity_Unit_Price,
              ]);
            });
            const ws = XLSX.utils.aoa_to_sheet(ws_data);
            ws["!cols"] = [];
            ws_data[0].forEach((item) => {
              ws["!cols"].push({
                alignment: { horizontal: "center" },
                wpx: 150,
              });
            });
            XLSX.utils.book_append_sheet(wb, ws, "商品信息");
            XLSX.writeFile(wb, "商品信息" + +new Date() + ".xlsx");
            that.$message({
              message: "已导出商品信息！",
              type: "success",
            });
          } else {
            that.$message({
              message: "暂无可导出的数据",
              type: "warning",
            });
          }
        },
        complete: function (XMLHttpRequest) {
          that.loading = false;
          requestPretreatment(XMLHttpRequest);
        },
        dataType: "json",
      });
    },
  },
});
